@media only screen and (min-width:921px) {
    #login{
        background: url(../img//banner-index.png) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .login-header{
        padding:50px 120px;
        display: flex;
        justify-content: space-between;
    }
    .login-logo img{
        width: 125px;
        height: 48px;
    }
    .login-index{
        width: 160px;
        height: 48px;
        border: 1px solid #FFFFFF;
        border-radius: 24px;
        line-height: 48px;
        color:#fff;
        text-align: center;
    }
    .login-index a{
        color:#fff;
    }
    .login-center{
        /* width: 640px; */
        /* height: 708px; */
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        background:rgba(255, 255, 255, .97);
        border-radius: 15px;
        padding:50px 80px;
    }
    .login-title{
        text-align: center;
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #3C50E0;
        margin-bottom: 50px;
    }
    .form-box{
        width: 493px;
        /* height: 42px; */
        background: #FFFFFF;
        border: 1px solid #999999;
        border-radius: 32px;
        line-height: 42px;
        margin:16px 0;
        padding:5px 25px;
        position: relative;
    }
    .verificode{
        position: absolute;
        right: 30px;
        cursor: pointer;
    }
    .form-icon{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        left: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .form-box input{
        width: 260px;
        height: 42px;
        line-height: 42px;
        border:none;
        font-size: 16px;
        margin-left: 40px;
    }
    .form-box input:focus{
        border:none;
    }
    .verificode{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #3C50E0;
    }
    .form-btn{
        height: 64px;
        background: #3C50E0;
        border-radius: 32px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color:#fff;
        line-height: 64px;
        width: 100%;
        cursor: pointer;
        margin:30px 0;
    }
    .login-others{
        position: relative;
        text-align: center;
        margin-bottom: 40px;
    }
    .login-others>span{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
        position: inherit;
        z-index: 10;
        background: #fff;
        padding:0 10px;
    }
    .login-others::after{
        content: "";
        width: 100%;
        height: 1px;
        background:#ccc;
        position:absolute;
        bottom:50%;
        transform: translateY(-50%);
        left: 0;
        z-index: 9;
    }
    .login-others img{
        width: 34px;
        height: 28px;
        position: absolute;
        bottom:-40px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .form-forget{
        display: flex;
        justify-content: space-between;
    }
    .form-rem{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
    }
    .form-forget input{
        width: 15px;
        height: 15px;
        margin-right: 10px;
        margin-left:25px;
    }
    .form-forget a{
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666; 
    }
    .reg-btn{
        display: block;
        text-align: center;
        font-size: 18px;
        margin-bottom: 20px;
        color: #333;
    }
}

@media screen and (max-width:920px) {
    #login{
        background: url(../img//banner-index.png) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .login-header{
        padding:30px 15px;
        display: flex;
        justify-content: space-between;
    }
    .login-logo img{
        width: 53px;
        height: 21px;
    }
    .login-index{
        width: 68px;
        height: 19px;
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .login-index a{
        font-size: 7px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
    }
    .login-center{
        /* width: 640px; */
        /* height: 708px; */
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        background:#fff;
        border-radius: 15px;
        padding:22px 30px;
    }
    .login-title{
        text-align: center;
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #3C50E0;
        margin-bottom: 50px;
    }
    .form-box{
        width: 100%;
        /* height: 42px; */
        background: #FFFFFF;
        border: 1px solid #999999;
        border-radius: 16px;
        line-height: 22px;
        margin:20px 0;
        padding:5px 15px;
        position: relative;
    }
    .verificode{
        position: absolute;
        right: 30px;
        cursor: pointer;
    }
    .form-icon{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        left: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .form-icon img{
        width: 10px;
        height: 10px;
    }
    .form-box input{
        width: 180px;
        height: 20px;
        line-height: 20px;
        font-size: 9px;
        border:none;
        margin-left: 20px;
    }
    .form-box input:focus{
        border:none;
    }
    .verificode{
        font-size: 9px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #3C50E0;
    }
    .form-btn{
        height: 32px;
        background: #3C50E0;
        border-radius: 16px;
        font-size: 9px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color:#fff;
        line-height: 32px;
        width: 100%;
        cursor: pointer;
        margin:15px 0;
    }
    .login-others{
        position: relative;
        text-align: center;
        margin-bottom: 40px;
    }
    .login-others>span{
        font-size: 9px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
        position: inherit;
        z-index: 10;
        background: #fff;
        padding:0 10px;
    }
    .login-others::after{
        content: "";
        width: 100%;
        height: 1px;
        background:#ccc;
        position:absolute;
        bottom:50%;
        transform: translateY(-50%);
        left: 0;
        z-index: 9;
    }
    .login-others img{
        width: 17px;
        height: 14px;
        position: absolute;
        bottom:-30px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .form-forget{
        display: flex;
        justify-content: space-between;
    }
    .form-rem{
        font-size: 9px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
    }
    .form-rem input{
        width: 10px;
        height: 10px;
        border: 1px solid #666666;
        margin-left: 10px;
        margin-right: 5px;
    }
    .form-forget{
        font-size: 9px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
    }
    .reg-btn{
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
}